<script setup lang="ts">
const typeList=reactive([
  {label:'',}
])
</script>

<template>
<div>
<AuthenText>
<pre>
1. 域名备注功能方便您在记录域名特性！
2. 域名备注设置后自动同步到预定域名，竞价域名，我的域名列表中，全站统一，一次设置自动同步！
</pre>
</AuthenText>
  <el-card>
    <el-form label-width="100" label-suffix="：">
      <el-form-item label="域名｜备注">
        <div class="flex w-1/2">
          <div class="w-1/2">
            <el-input type="textarea" placeholder="请按右侧格式输入，每行域名一行" class="h-20"></el-input>
          </div>
          <div class="text-grid-400 ml-2">
<div>
格式1：域名<span class="text-red-400 ml-4">例如：baidu.com 每个域名占一行</span>
</div>
            <div>
              格式2：域名|备注  <span class="text-red-400 ml-4">例如：baidu.com|test，每个域名占一行</span>
            </div>
          </div>
        </div>
      </el-form-item>
      <el-form-item label="统一备注">
        <div class="flex w-1/2">
          <div class="w-1/2">
            <el-input type="textarea" placeholder="请输入域名备注" ></el-input>
          </div>
          <div class="text-grid-400 ml-2">[如果按照格式1,那么域名将统一设置成该备注]</div>
        </div>
      </el-form-item>
      <el-form-item label="">
        <div class="flex">
          <div><el-button type="primary">提交</el-button></div>
          <div><NuxtLink><el-button class="ml-2">管理我的域名备注</el-button></NuxtLink></div>
        </div>
      </el-form-item>
    </el-form>
  </el-card>
</div>
</template>

<style scoped lang="scss">

</style>